<!DOCTYPE html>
<html><head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>{pigcms:$tpl.wxname}</title>
        <base href="." />
        <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
<link href="{pigcms::RES}/css/allcss/cate{pigcms:$tpl.tpltypeid}_{pigcms:$tpl.color_id}.css" rel="stylesheet" type="text/css" />
<!-- <link href="{pigcms::RES}/css/131/cate12_.css" rel="stylesheet" type="text/css"> -->
<link href="{pigcms::RES}/css/131/iscroll.css" rel="stylesheet" type="text/css">
 
<script src="{pigcms::RES}/css/131/jquery.min.js" type="text/javascript"></script>
<script src="{pigcms::RES}/css/131/idangerous.swiper.js" type="text/javascript"></script>
<script src="{pigcms::RES}/css/131/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
var myScroll;

function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
 });
 
 
}

document.addEventListener('DOMContentLoaded', loaded, false);
</script>
 
</head>

<body id="cate12">
<!--背景音乐-->
<if condition="$homeInfo['musicurl'] neq false">
<include file="Index:music"/>
</if>
<div class="banner">
<div id="wrapper" style="overflow: hidden;">
<div id="scroller" style="width: {pigcms:$num*1349}px; -webkit-transition: 0ms; transition: 0ms;">
<ul id="thelist">
<volist name="flash" id="so">               
<li><p>{pigcms:$so.info}</p>
<a href="{pigcms:$so.url}">
<img src="{pigcms:$so.img}" style="width: 1349px;">
</a>
</li>
</volist> 

 

</ul>
</div>
</div>
<div id="nav">
<div id="prev" onclick="myScroll.scrollToPage(&#39;prev&#39;, 0,400,3);return false">← prev</div>
<ul id="indicator">
            
<volist name="flash" id="so">
    <li <if condition="$i eq 1">class="active"</if>></li>
</volist>
 
</ul>
<div id="next" onclick="myScroll.scrollToPage(&#39;next&#39;, 0);return false">next →</div>
</div>
<div class="clr"></div>
</div>
 
 <div id="insert1"></div>

<volist name="info" id="vo"> 
<div class="Category">
<div class="cname"><a href="<if condition="$vo['url'] eq ''">{pigcms::U('Home/Addons/execute?_addons=WeiSite&_controller=WeiSite&_action=lists',array('classid'=>$vo['id'],'token'=>$vo['token']))}<else/>{pigcms:$vo.url|htmlspecialchars_decode}</if>" class="more"><!-- 查看更多 --></a>{pigcms:$vo.name}</div>
    <div class="clist swiper-container clist{pigcms:$vo.key}">
<div class="swiper-wrapper" style="width: 1295.03125px;">
    <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 1295.03125px;">
<ul>
      
        
        <volist name="vo['sub']" id="res">
        <li><a href="<if condition="$res['url'] eq ''">{pigcms::U('Home/Addons/execute?_addons=WeiSite&_controller=WeiSite&_action=lists',array('classid'=>$res['id'],'token'=>$vo['token']))}<else/>{pigcms:$res.url|htmlspecialchars_decode}</if>"><div><img src="{pigcms:$res.img}"></div><span>{pigcms:$res.name}</span></a></li>
        </volist>
        </ul>
    </div>
</div>
<script>
    $(function(){
    new Swiper('.clist'+{pigcms:$vo['key']},{
     followFinger:false
      });
    });
</script> 
</div>
</div>
</volist>




<script>


var count = document.getElementById("thelist").getElementsByTagName("img").length;  


for(i=0;i<count;i++){
 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}

document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";


 setInterval(function(){
myScroll.scrollToPage('next', 0,400,count);
},3500 );

window.onresize = function(){ 
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}

 document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
} 





</script>
    
 <div id="insert2"></div>
 <div class="copyright">
 <if condition="$iscopyright eq 1">
{pigcms:$homeInfo.copyright}
<else/>
{pigcms:$siteCopyright}
</if>
 </div> 

 <div style="display:none"> </div>


<include file="Index:styleInclude"/><include file="$cateMenuFileName"/>
<!-- share -->
<include file="Index:share" />
</body></html>